<template>
  <div class="moreAction" >
    <van-cell-group v-if="!active" >
  <van-cell title="不感兴趣"  />
  <van-cell title="举报垃圾内容" @click="active = true"/>
  <van-cell title="拉黑作者"/>
    </van-cell-group>
     <van-cell-group v-else>
  <van-cell title="返回" value="其他问题" icon="arrow-left" @click="active=false" />
  <van-cell title="单元格" value="举报垃圾内容"/>
  <van-cell title="单元格" value="拉黑作者"/>
  <van-cell title="单元格" value="拉黑作者"/>
  <van-cell title="单元格" value="拉黑作者"/>
  <van-cell title="单元格" value="拉黑作者"/>
  <van-cell title="单元格" value="拉黑作者"/>
  <van-cell title="单元格" value="拉黑作者"/>
  <van-cell title="单元格" value="拉黑作者"/>
    </van-cell-group>
  </div>
</template>

<script>
export default {
  name: 'moreAction',
  data () {
    return {
      active: false
    }
  }
}
</script>

<style lang='less' scoped>

</style>
